import { VariableFC } from '@xenopomp/advanced-types';
import cn from 'classnames';
import { Link } from 'react-router-dom';

import type { LogoProps } from './Logo.props';

const Logo: VariableFC<typeof Link, LogoProps, 'children' | 'to'> = ({
  className,
  ...props
}) => {
  return (
    <Link
      to={'/'}
      className={cn('font-bold', className)}
      {...props}
    >
      Tortotoro
    </Link>
  );
};

export default Logo;
